@media screen and (min-width:200px ) {
	
	.nav{
		height: 100px;
		width: 95%;
		background-color:white;
		box-shadow: 5px 5px 5px gray;
		border-radius: 10px;
		position: fixed;
	}
	.logo {
		height: 30px;
		width: 100px;
		padding-top: 9px;
	}
	.nav a{
		color:black;
		font:20px bold;
		text-decoration:none;
		margin-right:2%;
	}
	
	.nav a:hover{
		color:#FFDEAD
	}
	.nav-bar {
		padding-top: 20px;
	}
	span {
		padding-left: 30px;
		padding-right: 30px;
	}
	main img{
	 		max-width: 100%;
	 		border-radius: 30px;
	 	}
	body {
		background-color: navajowhite;
		width:100%;
	 }
	.parner{
		margin: 5px ;
		width: 100%;
		text-align: center;
	}
	.parner span img {
		width: 50px;
	}
	.container {
  		position: static;
  		width: 300px;
  		background: orange;
  		border-radius: 5px;
  		box-shadow: 5px 5px 5px grey;
  		padding: 10px; 
  		margin:10px;
  		text-align: center;
  		display: inline-block;
  	}
	.container:hover{
	box-shadow: 5px 5px 5px 5px aliceblue;
	}
	footer {
		background:#E3E3E3;
		position: relative;
		width: 100%;
		margin-top: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
		overflow: hidden;
	}	
	.footer-left{
		float: left;
		text-align: center;
	}
	.footer-right{
		border-left:5px sandybrown dotted;
		float: right;
		width:50%;
	}

	



